@charset "utf-8";
@import url("../webfonts/Roboto/stylesheet.css");

/* Mobile-first base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif, felipa, "Lucida Bright";
}

body {
    background-image: url(../imagem/backgrond-nova.png);
    background-size: cover;
    background-repeat: no-repeat;
}


h1, .titule-linhas {
    text-align: center;
    font-size: 1.5em;
    color: #0C4234;
    font-family: acme, sans-serif;
    font-variant: small-caps;
    text-shadow: 2px 4px 8px #85900C;
}

header {
    width: 100%;
}

.active {
    color: #DC55E9;
    font-size: 1.1em;
    text-shadow: 0 0 #DC55E9;
}

.swrap {
    margin-bottom: -10px;
    padding-top: 10px;
}

.logo1, .contact1, .contact2, .contact3 {
    color: #fff;
    font-family: felipa, sans-serif;
    font-weight: 400;
    text-align: left;
    padding-left: 8px;
}

.navbar-brand {
    color: #36D1BC;
    font-family: felipa, sans-serif;
    font-size: 1.5em;
}

.nav-link {
    color: #FFFCFC;
    margin: 8px 8px 0 8px;
}

#products {
    border-radius: 10px;
}

/* Responsive adjustments for larger screens */
@media (min-width: 576px) {
    .container-lg, .container {
        max-width: 540px;
    }
    h1, .titule-linhas {
        font-size: 2em;
    }
}
@media (min-width: 768px) {
    .container-lg, .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg, .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-lg, .container {
        max-width: 1140px;
    }
}

/*  Existing styles  */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif, felipa, "Lucida Bright",;
}


.html{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}


*, *:before, *:after{
    box-sizing: inherit;
} 
body   {
    background-image: url(../imagem/backgrond-nova.png);
}
.container-lg {
    box-shadow: 5px 5px 29px 1px #3B0505;
    background-image: linear-gradient(
	to bottom,
	rgba(255,255,255,0.45),	
	rgba(255,255,255,0.45),	
	rgba(212,160,204,0.45),	
	rgba(212,160,204,0.45) 	
	);
    display: run-in;
	
}	
.active {
    color: #DC55E9;
    font-size: x-large;
    text-shadow: 0px 0px #DC55E9;
}
.swrap {
    background-image: linear-gradient(
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35)  
		);
    margin-bottom: -20px;
    padding-top: 20px;
}
header #logo .img-fluid {
    position: relative;
}


hr{
    margin: 30px 15%;
    height: 5px;
    border: 0;
    background-image: linear-gradient(
	rgba(200,180,204,0),
	rgba(200,180,204,15),
	rgba(200,180,204,15),
	rgba(200,180,204,0) 
	);
}
h1 {
    text-align: center;
}

.sombra{
    background-color: #703F3F;
    box-shadow: inset 0px 0px #200505;
   
}
  
.novaNav {
	 background-color: #6C0A0C;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

.li {
    width: 75%;

}
.back{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: 900;
    color: #0D0A0B;
    font-size: large;
    text-align: center;
}
.titule-linhas {
    color: #0C4234;
    font-family: acme;
    font-style: normal;
    font-weight: 400;
    font-variant: small-caps;
    text-shadow: 4px 10px 15px #85900C;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    text-align: center;
}


.cabeca{
    background-color: #842729;
}

.next{
	margin-left: 50px;
}
.logo1 {
	
	 background-image: linear-gradient(
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35), 
		rgba(255,255,255,0.35)  
		);
    text-align: center;
}

.contact1 {
    color: #FFFFFF;
    text-align: left;
    font-family: felipa;
    font-style: normal;
    font-weight: 400;
    padding-left: 21px;
}

.contact1:hover{
	color: #CD60E5;
}
.col-sm-4.py-4.col-md-11 ul li {
    list-style-type: none;
}
.contact3 {
    color: #FFFFFF;
    font-family: felipa;
    font-style: normal;
    font-weight: 400;
    margin-left: 128px;
}
ul li .contact3:hover  {
    color: #CD60E5;
}

.contact2 {
    margin-left: 73px;
    color: #FFFFFF;
    font-family: felipa;
    font-style: normal;
    font-weight: 400;
}
.contact2:hover {
	color: #CD60E5;
}
	
.navbar-brand   {
    color: #36D1BC;
    font-family: felipa;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
}
.cabeca .col-sm-4.py-4.col-md-11 {
    font-family: exo;
    font-style: normal;
    font-weight: 100;
}


.navbar-brand:hover {
    color: #E760EB;
	 background-color: #C4F4EB;
}

.nav-link   {
    color: #FFFCFC;
    margin-right: 12px;
    margin-left: 16px;
    font-size: large;
    margin-top: 12px;
    margin-bottom: -16px;
}
.nav-link2   {
    color: #FFFCFC;
    margin-right: 12px;
    margin-left: 16px;
    font-size: large;
    margin-top: 12px;
    margin-bottom: 16px;
}
.nav-link:hover {
    color: #E675F1;
    background-color: #C4F4EB;
}

/* sid nav class*/
#sidNav {
    color: #085F60;
    font-family: felipa;
    font-style: normal;
    font-weight: 500;
    padding-left: 11px;
    padding-right: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 6px #170303;
    box-shadow: 0px 0px 6px #170303;
    margin-left: 18px;
    border-radius: 8px 41px 8px 8px;
} 
/*  div dos products*/
#products{
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}
 .row.no-gutters .row.justify-content-md-around {
    width: 98%;
    margin-top: -8px;
    margin-bottom: 28px;
    margin-left: auto;
    padding-left: auto;

}
.row{
	align-content: center;
	width: 100%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left: auto;
	padding-right: auto;
}
 

.my-col{
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: block;

}
.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto; 
	margin: 0px;
	 
}

.col{
	
	padding-left: 0px;
	padding-right: 0px;

}
.my-col3{
    padding-top: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    display: relative;
    margin-right: auto;
    width: auto;
    height: auto;	 	
}


.left-right{
    float: right;
    width: 25%;
}
.right-side   {
    float: right;
    margin-bottom: 30px;
}
.welcome {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    float: right;
    width: 90%;
}

.joinList{
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    float: right;
    width: 65%;
    margin-right: 109px;
    padding-top: 20px;
    padding-left: 22px;
    padding-bottom: 22px;
    margin-bottom: 104px;
}

.welcome2 {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 52px;
    float: right;
    width: 90%;
    border-top-left-radius: 52px;
    margin-right: 7px;
    margin-bottom: 65px;
}
.fundo{
	
	background-image: linear-gradient(
	rgba(255,255,255,0.01) ,
	rgba(255,255,255,0.01) ,
	rgba(255,255,255,0.65) ,
	rgba(255,255,255,0.65)  
	);
} 


/* footer*/
.copyright {
    color: #FFFFFF;
    text-align: center;
    font-size: large;
    clear: both;
}

.footer  {
    padding-top: 30px;
    padding-bottom: 17px;
    background-image: linear-gradient(
	rgba(134,8,10,0.45),
	rgba(95,5,6,0.72),	
	rgba(95,5,6,0.72),	
	rgba(134,8,10,0.45)	
	);
    clear: both;
    -webkit-box-shadow: 0px 0px 4px 1px #360B0C;
    box-shadow: 0px 0px 4px 1px #360B0C;
    margin-top: 216px;
    width: 100vw;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}
.copyright {
    color: #FFFFFF;
}
.footer1 {
    padding-top: 14px;
    padding-bottom: 13px;
	 background-image: linear-gradient(
	rgba(98,143,162,0.51),
	rgba(98,143,162,0.51),	
	rgba(60,103,135,0.58),	
	rgba(60,103,135,0.58)	
	);
    clear: both;
    box-shadow: 0px 2px 10px 1px #000000;
}
.backTop {
    margin-top: 70px;
    clear: both;
    float: right;
    padding-right: 60px;
    color: #24042D;
    text-decoration: none;
    margin-right: 19px;
}
.backTop:hover {
    text-decoration: none;
    color: #167429;
}

.backTop h4 .fas.fa-arrow-up {
    margin-right: 17px;
    font-size: xx-large;
}


/*acaba o body dos livros*/

/*comesa as detanhos do card modal*/
 
.pageTitle {

    text-align: center;
    color: #4F1409;
    -webkit-box-shadow: inset 0px 0px 0px;
    box-shadow: inset 0px 0px 0px;
    font-style: normal;
    font-weight: 500;
    text-shadow: -0px 0px;
    text-transform: none;
}
.pageTitle h5 {
    text-align: left !important;
}

.thumbnail-imag   {
    list-style-image: none;
    list-style-type: none;
    margin-right: 0px;
    padding-left: 3px;
}

.title {
    color: #086039;
}
.title2 {
    color: #4F1409;
    text-align: center;
	 
}

.title1 {
    color: #0A5F39;
}
.title3 {
    color: #4F1409;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.fb {
    color: #4F1409;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.info {
    padding-left: 20px;
    padding-right: 23px;
    color: #3A0C03;
    font-size: 1.3em;
}

.info1 {
    padding-left: 19px;
    font-style: italic;
    padding-right: 19px;
    font-size: 1.2em;
    color: #061263;
}
.info2 {
    font-family: felipa;
    font-style: normal;
    font-weight: 400;
    padding-left: 50px;
    font-size: 1.5em;
}
.info3 {
    color: #420506;
    font-size: 1.4em;
    font-style: normal;
    padding-left: 0px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    margin-left: 10px;
}

.info4 {
    color: #095835;
    font-size: 1.3em;
    font-family: Roboto;
}
.info6 {
   color: #420506;
    font-size: 1.2em;
    font-style: normal;
    padding-right: 11px;
    padding-left: 11px;
}

.info5 {
    color: #095835;
    font-size: 1.2em;
	margin-left:0px;
}



.author {
    text-align: center;
    color: #043921;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: 500;
    font-size: large;
    font-style: normal;
}

/* espaco para o card-modal */
.espaco {
    margin-top: 30px;
}
.espaco1 {
    clear: both;
    margin-top: 59px;

} 
.centre {
    text-align: center;
    margin-top: 23px;
    margin-bottom: 17px;
}
.image a {
    padding-left: 4px;
    margin-left: -1px;
    margin-right: 3px;
}
.text {
    color: #0A5F39;
    font-size: large;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    padding-left: 27px;
}

.author1{
   max-width:99%;
  max-height:15%;
	padding-top: 18px;
	padding-bottom: 10px;
}
.image {
    padding-left: 7px;

}
.img1 {
    text-align: center;
    list-style-image: none;
}

.img2{
    max-width: 80px;
    max-height: 100px;
  }   

.medidacart{
    width: 98%;
    height: 87%;
}

.titlemed{
	width: 99%;
	align-content: center
}
/* read more button*/

.btn.btn-link {
    background-color: #1CB193;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 8px;
    margin-left: 15px;
}
.btn.btn-link1 {
    background-color: #1CB193;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 8px;
    display: block;
    width: 100px;
    margin-top: 14px;
}

.btn.btn-link:hover {
    color: #C71B1F;
}
.pins{
	padding-left: 15px;
	padding-right:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: large;
}
.quat{
	width: 80px;
}
.price {
    color: #093E31;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: large;
}
.price1 {
    margin-top:  0px;
    width: 55px;
    position: top;
}
.price2{
	position: top;
	margin-top: 0px;
	width: 55px;
}
.active {
	color:darkorchid; 
}

.join1{
    color: #064B05;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: normal;
    font-size: x-large;
}

@media (min-width: 360px){
.my-col {
    background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding-top: 23px;
    padding-bottom: 23px;
    margin-top: 26px;
}
.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: center;
    margin-right: auto; 
	align-content: center;


}	
.my-col3{
    padding-top: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 10px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: block;
    margin-right: auto;
    width: auto;
    height: auto;	 	
}	
	
	
.join1 {
    margin-right: 10px;
    margin-left: 6px;
    margin-bottom: 20px;
    color: #0A5F39;
}
.join {
    color: #095835;
    font-size: 1.5em;
}
.email {
    color: #0A5F39;
    font-size: x-large;
}
.email2 {
    color: #1F6714;
    font-size: 1.2em;
    margin-left: 38px;
    text-decoration: none;
}
.email2:hover {
    color: #DC55E9;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
}


.email1 {
    color: #4F1409;
    font-size: large;
    background-image: url(url);
    text-transform: none;
    list-style-image: none;
    list-style-type: none;
    margin-right: 17px;
    padding-right: 18px;
    padding-left: 5px;
}
.email1:hover {
    color: #DC55E9;
    text-decoration: none;
}


.email:hover {
    text-decoration: none;
    color: #DC55E9;
}

.welcome {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    float: right;
    width: 95%;
}
/* sid nav class*/
#sidNav {
    color: #085F60;
    font-family: felipa;
    font-style: normal;
    font-weight: 500;
    width: 91%;
    padding-left: 11px;
    padding-right: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 6px #170303;
    box-shadow: 0px 0px 6px #170303;
    margin-top: 31px;
    margin-bottom: 42px;
    border-radius: 8px 41px 8px 8px;
    margin-left: 5px;
}
.right-side {
    width: 100%;
    float: right;
    margin-bottom: 30px;
    margin-right: 10px;
}
.title {
    text-align: center;
    color: #086039;
    font-size: x-large;
}
.join {
    font-size: large;
}
.welcome1 {
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 38px;
    width: 79%;
    padding-right: 15px;
    padding-top: 26px;
    padding-bottom: 15px;
    padding-left: 25px;
    border-top-left-radius: 38px;
    margin-bottom: 59px;
    margin-right: 16px;
}
.welcome2 {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 52px;
    float: right;
    width: 90%;
    border-top-left-radius: 52px;
    margin-right: 11px;
}
/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 28px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}
 

.row.no-gutters .row.justify-content-md-around {
    width: 97%;
    margin-top: -8px;
    margin-bottom: 28px;
    padding-left: auto;
    padding-right: auto;

}
.container-lg {
    box-shadow: 0px 0px;
    background-image: linear-gradient(
	to bottom,
	rgba(255,255,255,0.45),	
	rgba(255,255,255,0.45),	
	rgba(212,160,204,0.45),	
	rgba(212,160,204,0.45) 	
	);
     display: run-in;
     
}
.joinList{
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    float: right;
    width: 80%;
    margin-right: 20px;
    padding-top: 20px;
    padding-left: 22px;
    padding-bottom: 22px;
    margin-bottom: 104px;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}
.row{
	align-content: center;
	width: 97%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left:auto;
	padding-right: auto;
}

}

@media (min-width: 375px){
.my-col {
    background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding-top: 23px;
    padding-right: 14px;
    padding-bottom: 23px;
    margin-top: 26px;
    margin-left: 9px;
}
	
.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: center;
    margin-right: auto; 
	align-content: center;
}	
	
 
.welcome {
    background-image: linear-gradient(
		rgba(255,255,255,0.42), 
		rgba(255,255,255,0.42), 
		rgba(255,255,255,0.42), 
		rgba(255,255,255,0.42)  
		);
    box-shadow: 0px 0px 9px 1px #320506;
    border-top-right-radius: 80px;
    margin-top: 17px;
    padding-bottom: 34px;
    margin-bottom: 49px;
    width: 95%;
}

/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}
.container-lg {
    box-shadow: 0px 0px;
    background-image: linear-gradient(
	to bottom,
	rgba(255,255,255,0.45),	
	rgba(255,255,255,0.45),	
	rgba(212,160,204,0.45),	
	rgba(212,160,204,0.45) 	
	);
    display: run-in;
     
}
.row.no-gutters .row.justify-content-md-around {
    width: 97%;
    margin-top: -8px;
    margin-bottom: 28px;
    padding-left: auto;
    padding-right: auto;

}
 
 .container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}
.row{
	align-content: center;
	width: 97%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left:auto;
	padding-right: auto;
}
}

@media (min-width: 414px){
.my-col {
    background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding: 23px 14px;
    margin-right: 17px;
}
.welcome {
    background-image: linear-gradient(
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51)  
		);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    margin-top: 23px;
    padding-top: 30px;
    padding-bottom: 34px;
    margin-bottom: 49px;
    width: 95%;

}

/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
    margin-right: 17px;
}
.row.no-gutters .row.justify-content-md-around {
    width: 100%;
    margin-top: -8px;
    margin-bottom: 28px;
    padding-left: 0px;
    margin-right: 2px;
    margin-left: -6px;

}
.container-lg {
    box-shadow: 0px 0px;
    background-image: linear-gradient(
	to bottom,
	rgba(255,255,255,0.45),	
	rgba(255,255,255,0.45),	
	rgba(212,160,204,0.45),	
	rgba(212,160,204,0.45) 	
	);
    display: run-in;
    
}
.cabeca .col-sm-4.py-4.col-md-11 {
    font-family: exo;
    font-style: normal;
    font-weight: 100;
}
.row.no-gutters .row.justify-content-md-around {
    width: 100%;
    margin-top: -8px;
    margin-bottom: auto;
    padding-left: auto;

}

.my-row {
    width: 97%;
	align-items: center;

}
.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: center;
    margin-right: auto; 
	align-content: center;


}
.row{
	align-content: center;
	width: 100%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left: auto;
	padding-right: auto;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}	
	
}
@media (min-width: 768px){
.my-col {
    background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding: 23px 14px;
    margin-top: 26px;
    margin-left: 28px;
 
}
.welcome {
    background-image: linear-gradient(
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51)  
		);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    padding-top: 30px;
    padding-bottom: 34px;
    margin-bottom: 49px;
    margin-top: 3px;
    width: 91%;
    margin-right: 29px;

}

.welcome2 {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 52px;
    float: right;
    width: 90%;
    border-top-left-radius: 52px;
    margin-right: 21px;
}
/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}
/* sid nav class*/
#sidNav {
    color: #085F60;
    font-family: felipa;
    font-style: normal;
    font-weight: 500;
    width: 88%;
    padding-left: 11px;
    padding-right: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 6px #170303;
    box-shadow: 0px 0px 6px #170303;
    margin-left: 30px;
    margin-top: 31px;
    margin-bottom: 42px;
    border-radius: 8px 41px 8px 8px;
}
.row.no-gutters .row.justify-content-md-around {
    width: 100%;
    margin-top: -8px;
    margin-bottom: 28px;
    margin-left: auto;
    padding-left: auto;

}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: center;
    margin-right: auto; 
	align-content: center;


}
.row{
	align-content: center;
	width: 100%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left: auto;
	padding-right: auto;
}


}
@media (min-width: 990px){
.my-col {
   background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding: 23px 14px;
}
.welcome {
    background-image: linear-gradient(
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51), 
		rgba(255,255,255,0.51)  
		);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    margin-top: 23px;
    padding-top: 30px;
    padding-bottom: 34px;
    margin-bottom: 49px;
    width: 91%;
    margin-right: 36px;

}
/* sid nav class*/
#sidNav {
    color: #085F60;
    font-family: felipa;
    font-style: normal;
    font-weight: 500;
    width: 84%;
    padding-left: 11px;
    padding-right: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 6px #170303;
    box-shadow: 0px 0px 6px #170303;
    margin-left: 50px;
    margin-top: 31px;
    margin-bottom: 42px;
    border-radius: 8px 41px 8px 8px;
}
.welcome2 {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 52px;
    float: right;
    width: 90%;
    border-top-left-radius: 52px;
    margin-right: 16px;
}
/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}
.row.no-gutters .row.justify-content-md-around {
    width: 100%;
    margin-top: -8px;
    margin-bottom: 28px;
    margin-left: 14px;
    padding-left: 0px;

}
.container-lg {
    box-shadow: 0px 0px;
    background-image: linear-gradient(
	to bottom,
	rgba(255,255,255,0.45),	
	rgba(255,255,255,0.45),	
	rgba(212,160,204,0.45),	
	rgba(212,160,204,0.45) 	
	);
    display: run-in;
    
}
.cabeca .col-sm-4.py-4.col-md-11 {
    font-family: exo;
    font-style: normal;
    font-weight: 100;
}
.row.no-gutters .row.justify-content-md-around {
    width: 100%;
    margin-top: -8px;
    margin-bottom: auto;
    padding-left: auto;

}

.my-row {
    width: 97%;
	align-items: center;

}
.my-col1    {
    padding-top: 11px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px #3B0708;
    padding-bottom: 18px;
    padding-right: auto;
    padding-left: auto;
    margin-bottom: 36px;
    margin-left: auto;
    display: center;
    margin-right: auto; 
	align-content: center;


}
.row{
	align-content: center;
	width: 100%;
}
.my-row{
	
	align-content: center;
	width: 97%;
	padding-left: auto;
	padding-right: auto;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}	
	
}
@media (min-width: 1200px){
.my-col {
   background-image: linear-gradient(
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63), 
		rgba(255,255,255,0.63)  
		);
    box-shadow: 0px 0px 5px 0px #51080A;
    padding-bottom: auto;
    margin-left: auto;
}
#products .row.no-gutters .row.justify-content-md-around {
    


}
/* segunda  nav da parte de ciba da cabeca  */

/*nav bar  do cart page*/
.novaNav {
    background-color: #6C0A0C;
}
/* sid nav class*/
#sidNav {
    color: #085F60;
    font-family: felipa;
    font-style: normal;
    font-weight: 500;
    width: 23%;
    padding-left: 11px;
    padding-right: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 6px #170303;
    box-shadow: 0px 0px 6px #170303;
    margin-left: 18px;
    margin-top: 31px;
    margin-bottom: 42px;
    border-radius: 8px 41px 8px 8px;
}
.right-side {
    float: right;
    margin-bottom: 30px;
}
.welcome {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 80px;
    float: right;
    width: 90%;
}
.welcome2 {
    background-image: linear-gradient(
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51) ,
	rgba(255,255,255,0.51)  
	);
    box-shadow: 0px 0px 3px 1px #320506;
    border-top-right-radius: 52px;
    float: right;
    width: 90%;
    border-top-left-radius: 52px;
    margin-right: 34px;
}
/*  div dos products*/
#products {
    padding-top: 0px;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 6px #430E0F;
    box-shadow: 0px 0px 6px #430E0F;
    margin-bottom: 164px;
    border-radius: 15px;
}




}

/* Login */

#login-form{
    width: 50%;
    margin: 5px auto;
    text-align: center;
    padding: 20px;
}

#login-form input{
    width: 50%;
    margin: 5px auto;
}

#login-form #login-btn{
    background-color: aqua;
}

#login-form #register-url{
    color: #085F60;
}

/* Register */

#register-form{
    width: 50%;
    margin: 5px auto;
    text-align: center;
    padding: 20px;
}

#register-form input{
    width: 50%;
    margin: 5px auto;
}

#register-form #register-btn{
    background-color: aqua;
}


/* Account */

#account-form{
    width: 50%;
    margin: 35px auto;
    text-align: center;
    padding: 20 px;
}

#account-form input{
    margin: 5px auto;
}

#account-form #change-pass-btn{
    background-color: aqua;
}

.account-info #orders-btn,#logout-btn{
    background-color: aqua;
} 

/* Orders */

.orders table{
    width: 100%;
    border-collapse: collapse;
}

.orders th{
    text-align: left;
    padding: 5px 10px;
    color: white;
    background-color: aqua;
}

.orders td{
    padding: 10px 20px;
}

.orders td img{
    width: 80px;
    height: 80;
    margin-right: 10px;
}

/* Dropdown cart */

.bigicon {    
    color:white;
}

.mix{
    min-height:370px;
}

ul.dropdown-cart{
    min-width:250px;
    border: 2px solid #343434;
    padding: 2px;
    margin: 7px;
    margin-top: 11px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
    
}
ul.dropdown-cart li .item:hover{
    background-color:#c3c5c5;
    
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}

.welcome1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 1.5rem auto;
    box-sizing: border-box;
}
.welcome1 section {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    text-align: center;
}
@media (min-width: 576px) {
    .welcome1 section {
        max-width: 480px;
    }
}
@media (min-width: 768px) {
    .welcome1 section {
        max-width: 600px;
    }
}